<!DOCTYPE HTML>

<html>
	<body style="background-color:#eeeeee">
		<a style="margin-top:100px" href="http://www.baidu.com">this is a link to baidu</a>
		<h1 style="text-align:center;background-color:#50ae58">this is a first heading title</h1>
		<h2 style="text-align:center-left">this is a second heading title</h2>
		<p align="center" style="width:150;background:#ff0000">this is a paragraph</p>
		<h3 align="center" margin-top="2">this is a beautiful girl</h3>
		<div style="background:#e3e3e3;text-align:center" width="150" height="160">
			<img src="http://img3.duitang.com/uploads/item/201608/06/20160806091136_253BA.jpeg" width="160" height="170" >
		<div>	
		
			<div style="float:left;width:480px;height:400px">
				<button onclick="playOrPause()">播放/暂停</button>
				<button onclick="makeBig()">变大</button>
				<button onclick="makeMiddle()">恢复</button>
				<button onclick="makeSmall()">变小</button>
				<video id="video1" src="file:///d:/movie.ogg" controls="controls" width=100% height=100%>
					your brower is not support
				</video>
			</div>
			<embed src='http://player.youku.com/player.php/sid/XMjUwMTQ4Nzc2OA==/v.swf' style="float:left;" allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
		
		<script type="text/javascript">
		var myVideo=document.getElementById("video1");

		function playOrPause()
		{ 
			if (myVideo.paused) 
			  myVideo.play(); 
			else 
			  myVideo.pause(); 
		} 

		function makeBig()
		{ 
			myVideo.width=560; 
		} 

		function makeSmall()
		{ 
			myVideo.width=320; 
		} 

		function makeNormal()
		{ 
			myVideo.width=480; 
			myVideo.height=400;
		} 
		</script> 

	</body>
	
	
</html>



